<template>
  <div class="box-card">
    <!-- 面包屑 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item v-for="item in tabList" :key="item.name" :to="{ path: item.path }">{{ item.label }}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>

</template>

<script setup>
import { crumbsWithOut } from '../../store/modules/crumbs'
import { storeToRefs } from 'pinia';

const store = crumbsWithOut()
const { tabList } = storeToRefs(store)
</script>

<style lang="less" scoped>

.box-card{
  position: fixed;
  width: 100%;
  height: 40px;
  left: 200px;
  top: 65px;
  background-color: white;
}


.el-breadcrumb {
  line-height: 40px;
  margin-left: 40px;

}
</style>